<!-- 优惠互斥样式组件 -->
<template>
  <view class="content">
    <!-- <el-checkbox-group
      v-model="MutexdataPage"
      @change="$emit('changeOption', MutexdataPage)"
    > -->
    
      <view
        class="activity-cont"
        v-if="sendStatus ? !mutexData.includes('3') : mutexData.includes('3')"
      >
        <view class=line>
          <view class="radioButton">
            <AtCheckbox
              :options="checkboxOption"
              :selectedList="checkedList"
            > 
            </AtCheckbox>
          </view> 
          <view class="showDiscounts">
            <text style="color:#f56c6c" v-if="vipdiscounts_status == 1">
              <!-- {{ vipdiscounts }}折 -->
              9折
            </text>
            <text style="color:#f56c6c" v-else-if="vipdiscounts_status == 2">
              每升-{{ vipdiscounts }}元
            </text>
            <text
              style="color:#f56c6c"
              v-else-if="vipdiscounts_status == 3 || vipdiscounts_status == 4"
            >
              优惠{{ vipdiscounts }}元
            </text>
          </view>
        </view>
      </view>
      <view
        class="activity-cont"
        v-if="sendStatus ? !mutexData.includes('2') : mutexData.includes('2')"
      >
        <text>
          11
          <!-- <el-checkbox label="2">优惠券</el-checkbox> -->
          <text class="hint">({{ conponOwnNum }}张可用)</text>
        </text>
        <text @click="$emit('openConponList', false)" style="cursor: pointer;">
          <text class="hint">(已使用{{ useNum }}张)</text>
          <text style="color:rgb(245, 108, 108)">{{ bottom_ticket }}</text>
        </text>
      </view>
      <view
        class="activity-cont"
        v-if="sendStatus ? !mutexData.includes('1') : mutexData.includes('1')"
      >
        <text>
          <!-- <el-checkbox label="1">积分</el-checkbox> -->
          <text class="hint">({{ integralNum }}积分可用)</text>
        </text>
        <text>
          <text class="hint">(-{{ dedIntegral }}积分)</text>
          <text style="color:rgb(245, 108, 108)"
            >-{{ dedIntegralMoney }}元</text
          >
        </text>
      </view>
    <!--  </el-checkbox-group> -->
  </view>
</template>

<script>
import Taro from '@tarojs/taro'
import "./mutexComponent.scss"
export default {
  props: [
    "optionMutex",
    "vipdiscounts_status",
    "vipdiscounts",
    "conponOwnNum",
    "useNum",
    "bottom_ticket",
    "integralNum",
    "dedIntegral",
    "dedIntegralMoney",
    "mutexData",
    "sendStatus"
  ],
  watch: {
    optionMutex(val) {
      this.MutexdataPage = val;
      console.log("shuju ", val);
    }
  },
  data() {
    return {
      MutexdataPage: [],
      checkedList: ['list1'],
      checkboxOption: [{
        value: 'list1',
        label: '会员优惠',
      }]
    };
  },
  mounted() {
    this.Mutexdata = this.optionMutex;
  },
  components: {}
};
</script>
